<script setup lang="ts">
import type { Config } from '@/mixins/MixinElectricPriceConfigs'

withDefaults(defineProps<{
  data: Config[]
}>(), {
  data() {
    return []
  },
})
</script>

<template>
  <div class="white-space-nowrap">
    <div v-for="(item, index) in data" :key="index" class="flex items-center justify-center">
      {{ item.startTime }}
      -
      {{ item.endTime }}
      （<span>{{ item.price }}</span><small> 元/千瓦时</small>）
    </div>
  </div>
</template>
